<!DOCTYPE html>
<html>
<head>
<include file="Public/head"/>
</head>
<body>
<!--top-->
<include file="Public/header"/>
<!--top end-->

<div class="contact  fleft gallery clearfix" style=" background:url(__ROOT__{:get_cover($bg['bgpic'],$field = path)}) no-repeat;background-size:cover;">
<div class="col-bg btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal" data-site="{:C('MAPSITE')}"><a></a></div>
  <div class="container">
    <div class="contact_title">關於我們</div>
    <div class="col-md-12 col-contact-bg">
    <div class="col-md-7 col-md-left">
      <div class="col-title">關於順發</div>
      <p>{$cus.content}</p>
    </div>
    <div class="col-md-4 col-md-offset-1 col-md-left">
      <div class="col-title">聯繫我們</div>
      <div class="phone_num_ico"></div>
      <div class="contact_right_font">{$cus.tel}</div>
      <div class="clear"></div>
      <div class="mail_ico"></div>
      <div class="contact_right_font">{$cus.email}</div>
      <div class="clear"></div>
      <div class="adre_ico"></div>
      <div class="contact_right_font">{$cus.adds}</div>
      <div class="clear"></div>
      <div class="inter_ico"></div>
      <div class="contact_right_font"><a href="{:C('WEB_SITE_INDEX')}">{$cus.homepage}</a></div>
    </div>
    </div>
  </div>
     <div class="message_content">
                <form action="{:U('Contact/update')}" method="post" id="form_message">               
                    <input class="message_input" type="text" name="contacts" onfocus="if (value == '姓名 Name') {
                                value = ''
                            }" onblur="if (value == '') {
                                        value = '姓名 Name'
                                    }" value="姓名 Name" />
                    <input class="message_input" type="text" name="phone" onfocus="if (value == '電話 Phone') {
                                value = ''
                            }" onblur="if (value == '') {
                                        value = '電話 Phone'
                                    }" value="電話 Phone" />
                    <input class="message_input" type="text" name="email" onfocus="if (value == '郵箱 Email') {
                                value = ''
                            }" onblur="if (value == '') {
                                        value = '郵箱 Email'
                                    }" value="郵箱 Email" />
                    <textarea class="message_text_area" name="content" onfocus="if (value == '請留言  message...') {
                                value = ''
                            }" onblur="if (value == '') {
                                        value = '請留言  message...'
                                    }">請留言  message...</textarea>
                    <div class="col_message_button">
                    <input class="message_button" type="submit" value="發送 Send" />
                   </div>
                </form>
            </div>

</div>
  <!--footer-->
  <!-- Modal -->
    <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-body">
           <div class="gmap3"></div>
          </div>
        </div>
      </div>
    </div>
    <!-- Modal end-->
	<include file="Public/footer"/>

</body>
<script>
    $('.nav_top li').removeClass('cur');
    $(".nav_top li:eq(5)").addClass('cur');
    </script>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript" src="__PUBLIC__/Index/js/gmap3.min.js"></script> 
<script type="text/javascript">
  
          $('.btn').click(function(){
              $('.modal').show();
              
          var mapsite=$(this).attr('data-site').split(',');
         
                $(document).ready(function () {

        $(".gmap3").gmap3({
        map:{
        options:{
        center:[mapsite[0],mapsite[1]],
                zoom: 14
        }
        },
		marker: {
        latLng:[mapsite[0],mapsite[1]],
	 
        }
        })
        });
        });
    </script>
</html>
